<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>关于我们</title>
  <link rel="shortcut icon" href="{$IMG_PATH}favicon.png" />

<meta name="viewport" content="width=device-width,initial-scale=1">

<link rel="stylesheet" href="{$CSS_PATH}style.css" media="screen" />
<link rel="stylesheet" href="{$CSS_PATH}media-queries.css" />
<link rel="stylesheet" href="{$CSS_PATH}flexslider.css" type="text/css" media="screen" />
<link href="{$CSS_PATH}prettyPhoto.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{$CSS_PATH}tipsy.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript" src="{$JS_PATH}jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="{$JS_PATH}jquery.flexslider-min.js"></script>
<script src="{$JS_PATH}jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="{$JS_PATH}jquery.tipsy.js" type="text/javascript"></script>
<script src="{$JS_PATH}jquery.knob.js" type="text/javascript"></script>
<script type="text/javascript" src="{$JS_PATH}jquery.isotope.min.js"></script>
<script type="text/javascript" src="{$JS_PATH}jquery.smooth-scroll.min.js"></script>
<script type="text/javascript" src="{$JS_PATH}waypoints.min.js"></script>
<script type="text/javascript" src="{$JS_PATH}setup.js"></script>

  <style>
    a, a:link, a:visited ,a:hover{
      cursor: pointer;
      text-decoration: none;
    }
    blockquote {
      background: whitesmoke url("{$IMG_PATH}banner.jpg") no-repeat 20px 25px;
      border: 1px solid #e8e8e8;
      padding: 20px 20px 20px 60px;
      color: #6f7579;
    }
    blockquote p {
      font-size: 13px;
      font-weight: normal;
      line-height: 22px;
    }

    .bm10 {
      margin-bottom: 10px;
    }

    .bm20 {
      margin-bottom: 20px;
    }

    .bm30 {
      margin-bottom: 30px;
    }
    .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
    /* Header - Logo and Nav ---------------------------------------------------------------------------------------------*/
    .header-wrapper {
      background-color: #3b4348;
      width: 100%;
      height: auto;
    }
    .header-wrapper .container {
      position: relative;
      min-height: 60px;
      height: auto !important;
      height: 60px;
      width: 1170px;
      margin: auto;
    }

    .logo-container {
      padding: 19px 0;
    }
    .logo-container img {
      margin-right: 10px;
    }

    .lt-ie9 .logo-container {
      width: 450px;
    }

    span.tag-line {
      color: #818a90;
      font-size: 12px;
      position: relative;
      top: 2px;
    }

    .logo-heading {
      color: #fff;
      font-weight: 600;
      display: inline;
      margin-right: 15px;
      position: relative;
      top: 4px;
    }
    .logo-heading a {
      color: #fff;
    }
    .logo-heading a:hover {
      color: #eaeaea;
    }

    .main-nav {
      position: absolute;
      top: 5px;
      right: 0;
    }
    .main-nav div > ul {
      width: auto;
      margin: 0;
    }
    .main-nav div > ul > li {
      position: relative;
      float: left;
      list-style: none;
      padding: 16px 14px 18px;
    }
    .main-nav div > ul > li a {
      font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #c1cad1;
    }
    .main-nav div > ul > li a:hover {
      color: #fff;
    }
    .main-nav div > ul > li:hover > a {
      color: #fff;
    }
    .main-nav div > ul > li:last-child {
      padding-right: 0;
    }
    .main-nav div > ul li.current-menu-item a {
      color: #fff;
    }
    .main-nav .sub-menu {
      position: absolute;
      top: 56px;
      left: 0px;
      list-style: none;
      margin: 0;
      display: none;
    }
    .main-nav .sub-menu li {
      position: relative;
      background-color: #3b4348;
      padding: 6px 10px;
      width: 150px;
      cursor: pointer;
    }
    .main-nav .sub-menu li:hover {
      background-color: #292e32;
    }
    .main-nav .sub-menu li:hover > a {
      color: #fff;
    }
    .main-nav .sub-menu .sub-menu {
      top: 0px;
      right: 170px;
      left: auto;
    }
    .main-nav .responsive-nav {
      display: none;
    }
  </style>

</head>
<body>
<div class="header-wrapper" style="position: fixed;z-index: 999">
  <header>
    <div class="container">


      <div class="logo-container">
        <!-- Website Logo -->
        <a href="{:url('index/index/index')}"  title="Knowledge Base Theme">
          <img width="80" src="{$IMG_PATH}logos.jpg" alt="Knowledge Base Theme">
        </a>
      </div>


      <!-- Start of Main Navigation -->
      <nav class="main-nav">
        <div class="menu-top-menu-container">
          <ul id="menu-top-menu" class="clearfix">
            <li  class="current-menu-item"><a href="{:url('index/index/index')}">首页</a></li>
            <li><a href="{:url('index/question/index')}">问题广场</a></li>
            <li><a href="{:url('index/contact/index')}">关于我们</a></li>

            <li><a href="{:url('index/contact/index')}">联系我们</a></li>
            <li>{:$index_name?'<a href='.url("index/Login/info","id=$index_id").'>'.$index_name.'</a> | <a href='.url("index/Login/logout").'>退出</a>':'<a href='.url("index/Login/index").'>登录 </a>'}</li>
          </ul>
        </div>


      </nav>
      <!-- End of Main Navigation -->

    </div>
  </header>
</div>
<div style="height: 72px;"> </div>

<div id="wrap">
  <!-- wrapper -->
  <div id="sidebar"> 
    <!-- the  sidebar --> 
    <!-- logo --> 
    <a href="{:url('index/index/index')}" id="logo"> <img src="{$IMG_PATH}logos.jpg" alt="" /></a>
    <!-- navigation menu -->
    <ul id="navigation">
      <li><a href="#home" class="active">家</a></li>
      <li><a href="#about">关于我们</a></li>
      <li><a href="#portfolio">我们的家</a></li>
      <li><a href="#skills">我们的技能</a></li>
      <li><a href="#industries">我们服务的行业</a></li>
      <li><a href="#myclients">合作伙伴</a></li>
    </ul>
  </div>
  <div id="container"> 
    <!-- page container -->
    <div class="page" id="home"> 
      <!-- page home -->
      <div class="page_content">
        <div class="gf-slider"> 
          <!-- slider -->
          <ul class="slides">
            {volist name="bannerlist" id="ban"}
            <li> <img src="/static/aboutus/img/{$ban['photo']}" alt=""  width="705" height="300"/>
              <p class="flex-caption">{$ban['title']}</p>
            </li>
            {/volist}
          </ul>
        </div>
        <div class="space"> </div>
        <div class="clear"> </div>
        <!-- services -->
        <div class="one_half first">
          <div class="column_content">
            <h4> 编码与爱！</h4>
            <img src="{$IMG_PATH}coded-with-love.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>GQX存有悲坐阿梅德，consectetur adipiscing ELIT。保护者欧盟猫。由于喉咙电视电影，电影巧克力巧克力的人。每个接收热身成员。</small></p>
          </div>
        </div>
        <div class="one_half last">
          <div class="column_content">
            <h4> 响应布局</h4>
            <img src="{$IMG_PATH}responsive.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>GQX存有悲坐阿梅德，consectetur adipiscing ELIT。保护者欧盟猫。由于喉咙电视电影，电影巧克力巧克力的人。每个接收热身成员。</small></p>
          </div>
        </div>
        <div class="space"> </div>
        <div class="one_half first">
          <div class="column_content">
            <h4> 完美的投资组合</h4>
            <img src="{$IMG_PATH}for-portfolio.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>GQX存有悲坐阿梅德，consectetur adipiscing ELIT。保护者欧盟猫。由于喉咙电视电影，电影巧克力巧克力的人。每个接收热身成员。</small></p>
          </div>
        </div>
        <div class="one_half last">
          <div class="column_content">
            <h4> 轻松自定义</h4>
            <img src="{$IMG_PATH}customizable.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>GQX存有悲坐阿梅德，consectetur adipiscing ELIT。保护者欧盟猫。由于喉咙电视电影，电影巧克力巧克力的人。每个接收热身成员。</small></p>
          </div>
        </div>
        <div class="space"> </div>
        <div class="one_half first">
          <div class="column_content">
            <h4> 图像库 </h4>
            <img src="{$IMG_PATH}image-gallery.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>GQX存有悲坐阿梅德，consectetur adipiscing ELIT。保护者欧盟猫。由于喉咙电视电影，电影巧克力巧克力的人。每个接收热身成员。</small></p>
          </div>
        </div>
        <div class="one_half last">
          <div class="column_content">
            <h4> 我们是神</h4>
            <img src="{$IMG_PATH}jquery-code.png" class="left no_border" alt="" style="margin-top: 10px;
                                margin-right: 10px" />
            <p> <small>我们是指引你们道路的引路人</small></p>
          </div>
        </div>
        <div class="clear"> </div>
      </div>
    </div>
    <div class="page" id="about"> 
      <!-- paboutusbout -->
      <h3 class="page_title"> 关于我们</h3>
      <div class="page_content">
        <p> GQX存有悲坐阿梅德，consectetur adipiscing ELIT，sed的tempor和活力，使劳动和悲伤，一些重要的事情要做eiusmod。多年来，我会来的，谁将会nostrud aliquip了她锻炼的优势，使刺激措施，如果学区和长寿。想成为在cupidatat cillum疼痛已经在DUIS等dolore麦格纳被批评逃离产生任何结果的乐趣。Excepteur cupidatat黑人就不是excepteur，舒缓心灵，那就是，他们抛弃了那些谁是责怪你的烦恼的一般责任。</p>
        <h4 class="blue"> 为什么选择我们</h4>
        <p> GQX存有悲坐阿梅德，consectetur adipiscing ELIT，sed的tempor和活力，使劳动和悲伤，一些重要的事情要做eiusmod。多年来，我会来的，谁将会nostrud aliquip了她锻炼的优势，使刺激措施，如果学区和长寿。想成为在cupidatat cillum疼痛已经在DUIS等dolore麦格纳被批评逃离产生任何结果的乐趣。Excepteur cupidatat黑人就不是excepteur，舒缓心灵，那就是，他们抛弃了那些谁是责怪你的烦恼的一般责任。</p>
        <blockquote>QGX存有悲坐阿梅德，consectetur adipiscing ELIT，sed的tempor和活力，使劳动和悲伤，一些重要的事情要做eiusmod。
          <p> <small><b>Sarfraz Shoukat</b> - Owner <a href="#">Greepit.com</a></small></p>
        </blockquote>
        <div class="clear"> </div>
      </div>
    </div>
    <div class="page" id="portfolio"> 
      <!-- page portfolio -->
      <h3 class="page_title"> 投资组合</h3>
      <div class="page_content">
        <p> 投资组合（Portfolio）是由投资人或金融机构所持有的股票、债券、衍生金融产品等组成的集合。投资组合的目的在于分散风险，投资组合按粗略的分类有三种不同的模式可供运用，即积极的、中庸的和保守的。</p>
        <ul id="works_filter">
          <li><a href="#" data-filter="*" class="selected">显示所有</a></li>
          <li><a href="#" data-filter=".css">自然</a></li>
          <li><a href="#" data-filter=".html_php">生命</a></li>
          <li><a href="#" data-filter=".js">自强</a></li>
        </ul>
        <div class="clear"> </div>
        <div id="works"> 
          <!-- works --> 
          <a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/01.jpg"> <img class="work js" src="{$IMG_PATH}photos/01.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/03.jpg"> <img class="work css" src="{$IMG_PATH}photos/03.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/04.jpg"> <img class="work html_php" src="{$IMG_PATH}photos/04.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/05.jpg"> <img class="work html_php" src="{$IMG_PATH}photos/05.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/06.jpg"> <img class="work css" src="{$IMG_PATH}photos/06.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/07.jpg"> <img class="work js" src="{$IMG_PATH}photos/07.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/08.jpg"> <img class="work html_php" src="{$IMG_PATH}photos/08.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/09.jpg"> <img class="work js" src="{$IMG_PATH}photos/09.jpg" alt="" /> </a><a rel="prettyPhoto[gallery]" href="{$IMG_PATH}photos/10.jpg"> <img class="work html_php" src="{$IMG_PATH}photos/10.jpg" alt="" /> </a> </div>
        <div class="clear"> </div>
      </div>
    </div>
    <div class="page" id="skills"> 
      <!-- page skills -->
      <h3 class="page_title"> 我们的技能</h3>
      <div class="page_content"> 
   
        <div class="one_fourth first">
          <div class="column_content">
            <h4 class="blue"> 吃饭</h4>
            <input class="knob" data-readonly="true" data-width="120" data-min="0" data-angleoffset="0"
                                data-displayprevious="true" data-fgcolor="#cfdee7" data-bgcolor="#0d4667" value="65">
          </div>
        </div>
        <div class="one_fourth">
          <div class="column_content">
            <h4 class="blue"> 睡觉</h4>
            <input class="knob" data-readonly="true" data-width="120" data-min="0" data-angleoffset="0"
                                data-displayprevious="true" value="45" data-fgcolor="#cfdee7" data-bgcolor="#0d4667">
          </div>
        </div>
        <div class="one_fourth">
          <div class="column_content">
            <h4 class="blue"> 打豆豆</h4>
            <input class="knob" data-readonly="true" data-width="120" data-min="0" data-angleoffset="0"
                                data-displayprevious="true" value="85" data-fgcolor="#cfdee7" data-bgcolor="#0d4667">
          </div>
        </div>
        <div class="one_fourth last">
          <div class="column_content">
            <h4 class="blue"> 打小强</h4>
            <input class="knob" data-readonly="true" data-width="120" data-min="0" data-angleoffset="0"
                                data-displayprevious="true" value="95" data-fgcolor="#cfdee7" data-bgcolor="#0d4667">
          </div>
        </div>
        <div class="clear"> </div>
      </div>
    </div>

    <div class="page" id="industries"> 
      <!-- page industries -->
      <h3 class="page_title"> 我们服务的行业！</h3>
      <div class="page_content">
        <p> 微笑是人与人之间交往最具魅力的名片；微笑能为人带来快乐，表达友善，传达诚意。一个发自内心的微笑犹如寒冬的暖流，盛夏的清凉，不仅给人带来舒适与温馨，还能适时化解矛盾与尴尬。当然，每天让自己脸上保持一个不错的微笑，要求自己每天对工作充满热情，待人真诚而又能坚持原则地完成工作并非一件容易的事，而优质服务恰恰需要我们不断的努力，它是一个“只有更好，没有最好”的长远的没有终点的目标，所以我们才需要养成良好的习惯而不是刻意的做作，只有这样才能让自己轻松长远的投入工作。在工作中，真诚并自信的微笑着面对每一位商户，在第一时间提供他们所需要的服务也是我们的工作职责之一。</p>
        <div class="space"> </div>
        <div class="clear"> </div>
      </div>
    </div>
    <div class="page" id="myclients"> 
      <!-- page clients -->
      <h3 class="page_title"> 合作伙伴</h3>
      <div class="page_content">
        <p> 渠道理念

          秉承“合作共赢、耕耘收获”的渠道理念，以与合作伙伴实现双赢为宗旨，积极贯彻合作、开放、共赢的渠道策略。
          渠道体系架构

          一级渠道伙伴：包括总经销商、一级经销商、企业云卓越经销商、企业云高级经销商和企业云标准经销商，一级渠道伙伴直接从华为购买产品并得到相应支持；总经销商主要承担华为企业业务授权产品的销售目标，提供物流、资金和二级渠道支撑平台。
          二级渠道伙伴：包括金牌、银牌、分销铂金、分销金牌、分销银牌、认证经销商。</p>
        <div class="space"> </div>
        <div class="clear"> </div>
        <ul id="clients" class="grid">
          <li class="altoids"><a href="#" rel="altoids"> <img src="{$IMG_PATH}clients/Altoids.png" alt="Altoids"></a></li>
          <li class="facebook"><a href="#" rel="facebook"> <img src="{$IMG_PATH}clients/Facebook.png" alt="Facebook"></a></li>
          <li class="ge"><a href="#" rel="general-electric"> <img src="{$IMG_PATH}clients/GE.png" alt="General Electric"></a></li>
          <li class="orbit"><a href="#" rel="orbit"> <img src="{$IMG_PATH}clients/orbitlogo.png" alt="Orbit"></a></li>
          <li class="skittles"><a href="#" rel="skittles"> <img src="{$IMG_PATH}clients/Skittles.png" alt="Skittles"></a></li>
          <li class="jameson"><a href="#" rel="jameson"> <img src="{$IMG_PATH}clients/Jameson.png" alt="Jameson"></a></li>
          <li class="juicy_fruit"><a href="#" rel="juicy-fruit"> <img src="{$IMG_PATH}clients/Juicy-Fruit.png" alt="Juicy Fruit"></a></li>
          <li class="microsoft"><a href="#" rel="microsoft"> <img src="{$IMG_PATH}clients/Microsoft.png" alt="Microsoft"></a></li>
          <li class="a_e"><a href="#" rel="ae"> <img src="{$IMG_PATH}clients/AE.png" alt="A&amp;E"></a></li>
          <li class="zynga"><a href="#" rel="zynga"> <img src="{$IMG_PATH}clients/Zynga.png" alt="Zynga"></a></li>
          <li class="smuin"><a href="#" rel="smuin"> <img src="{$IMG_PATH}clients/Smuin.png" alt="Smuin"></a></li>
          <li class="westfield"><a href="#" rel="westfield"> <img src="{$IMG_PATH}clients/Westfield.png" alt="Westfield"></a></li>
        </ul>
        <div class="clear"> </div>
      </div>
    </div>

    <div class="footer">
      <p> &copy; 2017 . GQX全球最火问答系统.</p>
      <p> More Templates <a href="{:url('index/index/index')}" target="_blank" title="GQX之家">GQX之家</a> - Com on Hear <a href="{:url('index/index/index')}" title="GQX" target="_blank">问答系统</a></p>
    </div>
  </div>
</div>
<a class="gotop" href="#top">Top</a>
</body>
</html>
